<template>
	<view class="content">
		<view @click="myCat()" class="block">
			<image :src="imageUrl+'/home/'+'report.png'" class="menu-icon"></image>
			<view class="menu-name">就业报道</view>
			<view class="arrow iconfont icon-gengduo1"></view>
		</view>
		<view @click="navigate('/page_other/article/index?type=2767')" class="block">
			<image :src="imageUrl+'/home/'+'policy.png'" class="menu-icon"></image>
			<view class="menu-name">就业政策</view>
			<view class="arrow iconfont icon-gengduo1"></view>
		</view>
		<view @click="navigate('/page_other/article/index?type=2768')" class="block">
			<image :src="imageUrl+'/home/'+'guidance.png'" class="menu-icon"></image>
			<view class="menu-name">职业指导</view>
			<view class="arrow iconfont icon-gengduo1"></view>
		</view>
		<view @click="navigate('/page_other/article/index?type=2770')" class="block">
			<image :src="imageUrl+'/home/'+'probation.png'" class="menu-icon"></image>
			<view class="menu-name">就业见习</view>
			<view class="arrow iconfont icon-gengduo1"></view>
		</view>
		<view @click="navigate('/page_other/job_hunting/job_fair/list?type=3&title=校园')" class="block">
			<image :src="imageUrl+'/home/'+'recruit.png'" class="menu-icon"></image>
			<view class="menu-name">专场招聘</view>
			<view class="arrow iconfont icon-gengduo1"></view>
		</view>
		<view @click="navigate('/page_other/article/index?type=3')" class="block">
			<image :src="imageUrl+'/home/'+'files.png'" class="menu-icon"></image>
			<view class="menu-name">档案服务</view>
			<view class="arrow iconfont icon-gengduo1"></view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imageUrl: '',
				list: [{
						id: 1,
						imgUrl: 'report.png',
						title: '就业报道'
					},
					{
						id: 2,
						imgUrl: 'policy.png',
						title: '就业政策'
					},
					{
						id: 3,
						imgUrl: 'guidance.png',
						title: '职业指导'
					},
					{
						id: 4,
						imgUrl: 'probation.png',
						title: '就业见习'
					},
					{
						id: 5,
						imgUrl: 'recruit.png',
						title: '专场招聘'
					},
					{
						id: 6,
						imgUrl: 'files.png',
						title: '档案服务'
					}
				]
			}
		},
		methods: {
			navigate(url) {
				uni.navigateTo({
					url
				})
			},
			myCat(){
				let url = 'https://wsbs.rst.gansu.gov.cn/publicservice/home'
				uni.navigateTo({
					url: '/page_other/webview/webview?url='+url
				})
			}
		},
		onLoad() {
			this.imageUrl = this.globalConfig.imageUrl
		}

	}
</script>

<style lang="scss">
	.content {
		width: 100%;
		padding: 30rpx;

		.block {
			background: #fff;
			width: 100%;
			padding: 40rpx;
			height: 160rpx;
			box-shadow: 0px 0px 4px #ccc;
			border-radius: 10rpx;
			display: flex;
			align-items: center;
			margin-bottom: 20rpx;

			.menu-icon {
				width: 100rpx;
				height: 100rpx;
			}

			.menu-name {
				margin-left: 20rpx;
				font-size: 18px;
				width: calc(100% - 240rpx);
			}

			.arrow {
				color: #c6c6c6;
				text-align: right;
				width: 70rpx;
				height: 100rpx;
				line-height: 100rpx;
			}

		}
	}
</style>